.tabs_ZtgWc{
    display: flex;
    padding: 0 .75rem;
    height: 2.5rem;
    
    z-index: 10;
    position:sticky;
    margin-top: 35px;
    top: 2rem;
    background-color: #fff;
    overflow: auto;
    
}
.tabs_ZtgWc::-webkit-scrollbar{
    display: none;
}
.tabs_ZtgWc a{
    align-self: center;
    
    flex-shrink: 0;
    border-radius: .375rem;
    color: gray;
    background-color: #f5f5f5;
    font-family: "PingFang SC";
    border: none;
    padding: 3px 10px;
    margin-right: 8px;
    font-size: 14px;
    
}
.tabs_ZtgWc a:first-child{
    background-color: #ffe6e7;
    color: #e5353e;
}
.tabs_ZtgWc a:active{
    background-color: #ffe6e7;
    color: #e5353e;
}
.tabs_ZtgWc a:focus{
    background-color: #ffe6e7;
    color: #e5353e;
}
.rank{
    /* margin-top: 20px; */
    margin: 0 .5rem;
    background-color: #fff;
    border-radius: 1.25rem;
   padding-bottom: .5rem;
}
.rank-empty{
    display: block;
    height: 75px;
    content: "";
    width: 100%;
    background-color: transparent;
}
.rankTitle{
    background: url(../images/head-bg.png) no-repeat ;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    height: 3.25rem;
    background-size: 100% auto;
    align-items: center;
}
.rankTitle span{
    font-weight: 600;
    text-align: center;
    /* margin: 0 5px; */
    color: #6f4721;
}
.span-bef{
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    background-image: url(../images/righ.png);
    background-size:cover;
    width: .75rem;
    height: 1.25rem;
    text-align: center;

}
.span-aft{
    background-image: url(../images/righ.png);
    background-size: cover;
    width: .75rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    text-align: center;
    
}
.rank-mes{
    display: flex;
    justify-content: flex-start;
    margin: 0.75rem 0.975rem;
}
.rank-mes img{
    width: inherit;
    height: 5.5rem;
    display: block;
    border-radius: .375rem;
    margin-right: .5rem;
}
.ranking_front{
    color: #fff;
    background: linear-gradient(180deg, #fc3c48 -3.91%, #ffaeb4 96.09%);
    border-radius: 0.45rem 0;
    width: 1.425rem;
    height: 1.425rem;
    line-height: 1.3rem;
    text-align: center;
    margin-top: 1rem;
    margin-right: .5rem;
    font-family: "Yuewen Font";
}
.rank-mes:nth-child(5) .ranking_front,.rank-mes:nth-child(6) .ranking_front{
    background: transparent;
    color: gray;
}

.bookMsg{
    /* display: flex;
    flex-direction: column; */
    margin-top: 1rem;
}
.bookMsg h2{
    font-weight: 600;
    color: #000;
}
.bookMsg span{
    color: gray;
}
.y_buttom{
    margin: 1rem 1.25rem;
    display: flex;
    justify-content: center;
    background-color: #ccc;
    border-radius: 20px;
    height: 40px;
    align-items: center;
}

.y_buttom span{
    font-weight: 600;
    color: black;
}
.y_buttom i{
    font-weight: 600;
}
